@charset "utf-8";

*{
	margin: 0;
	padding: 0;
}
body{
	background-image: url(../img/bg.jpg);
}
.web{
	width: 600px;
	/*height: 200px;
	background-color: #87CEEB;*/
	margin: 0 auto;
	
}
.web header nav a{
	color: #000;
	font-size: 12px;
	text-decoration: none;
	width: 14.28%;
	display: inline-block;
	text-align: center;
	line-height: 22px;
	/*行内块级元素共存一行时，注意要将font-size设置为0，因为具有继承性，所以在后代元素要重新定义font-size*/
}	

header div{
	height: 132px;
}

.web header nav a:hover{
	/*hover代表鼠标经过选择符*/
	color: red;
}
.web header nav{
	background-color: #92BBFB;
	font-size: 0;
}
.demo0{
	display: inline-block;
	vertical-align: top;
	width: 150px;
	height: 582px;
	background-color: #d2e6ff;
	
}
.demo2{
	font-size: 10px;
	text-align: center;
	padding: 5px 15px;
}
.demo0 p{
	font-size: 10px;
	padding: 5px 15px;
}
.demo0 img{
    margin: 25px 25px 0 25px;
}

.demo1{
	display: inline-block;
	width: 450px;
	height: 582px;
	background-image: url(../img/big.jpg);
}
section{
	font-size: 0;
}
.demo1 a{
	font-size: 18px;
	color: #2a7a9d;
}
.demo1 p{
	font-size: 12px;
}
.demo1>div{
	margin: 30px;
}
.demo1 div div{
	padding: 10px 0 0 0;
}
